/** 全局样式 */
// 如果需要覆盖更多样式变量请查看文档
$--ele-font-path: "~ele-admin/packages/style/fonts";
// 如果不需要切换主题使用这个
//@import "~ele-admin/packages/style/themes/default.scss";
// 如果不需要切换主题固定为夜间主题使用这个
//@import "~ele-admin/packages/style/themes/dark.scss";
// 需要在线切换主题使用这个
@import "~ele-admin/packages/style/themes/dynamic.scss";


.table-search {
  .ele-form-search {
    .el-input-group__append, .el-input-group__prepend {
      padding: 0 10px !important;
    }

    .el-form-item {
      margin: 5px 10px 5px 0 !important;
    }

    .el-form-item__label {
      padding: 0 !important;
    }
  }
}

.is-error {
  .el-upload {
    border: 1px dashed #f00 !important;
  }

  .avatar-uploader-icon {
    color: #f00 !important;
  }
}

/* 异常页面 */
.ele-exception {
  margin: 145px 0;

  .ele-exception-img,
  .ele-exception-content {
    margin: 15px 30px;
    display: inline-block;
    vertical-align: middle;

    img {
      filter: $--content-image-filter;
    }
  }

  .ele-exception-content > h1 {
    font-size: 72px;
    font-weight: 600;
    margin: 0 0 20px 0;
  }

  .ele-exception-content > p {
    font-size: 20px;
    margin: 0 0 25px 0;
  }
}

@media screen and (max-width: 768px) {
  .ele-exception {
    margin: 40px 0;

    .ele-exception-img {
      margin: 0;

      img {
        max-height: 200px;
        max-width: 100%;
      }
    }

    .ele-exception-content {
      text-align: center;
    }
  }
}

[ele-resizable].el-dialog__wrapper > .el-dialog > .el-dialog__header {
  flex-shrink: 0;
}

.pd2 {
  padding: 2px;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

$width: 100 120 140;
@each $i in $width{
  .width#{$i}px{
    width: #{$i}px !important;
  }
}

//form label el-link 等文字大小
.el-form-item--mini .el-form-item__label,
.layout-col-box .el-col,
.link-word-font, .el-table--mini .el-link, .el-link--inner,
.el-form-item--mini .el-radio__label, .main-font-size,
.el-select-dropdown__item, .el-checkbox__label {
  font-size: 12px;
}

// tree-select 组件行高
.vue-treeselect__control {
  height: 28px !important;
}

.vue-treeselect__placeholder, .vue-treeselect__single-value {
  line-height: 28px !important;
}
